﻿

<style>
    .blur-loading {
        filter: blur(10px);
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
    }
</style>


<!-- BEGIN PAGE TITLE/BREADCRUMB -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">Useful Info</h1>
                <span us-spinner="{radius:15, width:4, length: 20}"></span>

                <!--<ul class="breadcrumb">
                    <li><a href="index.html">Home </a></li>
                    <li><a href="#">Properties</a></li>
                    <li><a href="properties-detail.html">Property Detail</a></li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!-- END PAGE TITLE/BREADCRUMB -->
<!-- BEGIN CONTENT WRAPPER -->
<div class="content">
    <div class="container">
        <div class="row">

            <!-- BEGIN MAIN CONTENT -->
            <div class="main col-sm-8" ng-class="{'blur-loading': isSearch == true}">

                <h1 class="property-title">{{ UsefulInfo.Title }}</h1>

                <!--<div class="property-topinfo">
                    <ul class="amenities">
                        <li><i class="icon-apartment"></i> Apartment</li>
                        <li><i class="icon-area"></i> {{ property.LandSqrtFt }} Sq Ft</li>
                        <li><i class="icon-bedrooms"></i> {{ property.Room }}</li>
                        <li><i class="icon-bathrooms"></i> {{ property.Bathroom}}</li>
                    </ul>

                </div>-->

                <!-- BEGIN PROPERTY DETAIL SLIDERS WRAPPER -->
                <div id="property-detail-wrapper" class="style1">

                 
                    <div uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
                        <div uib-slide ng-repeat="slide in slides track by $index" index="$index">
                            <img ng-src="{{slide.pictureURL}}" style="margin:auto;max-height: 235px;">
                            <div class="carousel-caption">
                                <h4>Slide {{$index}}</h4>
                                <!--<p>{{property.LongHeading}}</p>-->
                            </div>
                        </div>
                    </div>


               

                </div>

                <p></p><br/>
                <div class="col-sm-12" style="font-size: 17px;">
                    <label class="col-sm-4"> Title </label>
                    <div class="col-sm-8">
                        <span>{{ UsefulInfo.Title }}</span>
                    </div>
                </div>

                <div class="col-sm-12" style="font-size: 17px">
                    <label class="col-sm-4"> Source </label>
                    <div class="col-sm-8">
                        <span> {{ UsefulInfo.Source }}</span>
                    </div>
                </div>

                <div class="col-sm-12" style="margin: 20px 0px;font-size: 17px">
                    <label class="col-sm-4"> Details </label>
                    <div class="col-sm-8">
                        <span ng-bind-html="UsefulDetails | unsafe"></span>
                    </div>
                </div>




                <div class="share-wraper col-sm-12" style="font-size: 17px">
                    <h5>Share this Article:</h5>
                    <ul class="social-networks">

                        <li><a target="_blank" href="http://www.facebook.com/sharer.php?caption={{ shareTitle }}&description={{ shareDescription }}&u={{ shareURL }}&picture={{ shareImageURL }}"><i class="fa fa-facebook"></i></a></li>
                        <li><a target="_blank" href="https://twitter.com/intent/tweet?url={{ shareURL }}&amp;text={{ shareTitle }}"><i class="fa fa-twitter"></i></a></li>
                        <li><a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{ shareURL }}&title={{ shareTitle }}&summary={{ shareDescription }}"><i class="fa fa-linkedin"></i></a></li>

                        <li><a target="_blank" href="https://plus.google.com/share?url={{ googleShareURL}}"><i class="fa fa-google"></i></a></li>


                        <li><a href="whatsapp://send?text={{ shareURL }} {{ shareTitle }}" data-action="share/whatsapp/share"><i class="fa fa-whatsapp"></i></a></li>
                        <li ng-show="isAndroid == true">
                            <a href="mailto:?subject={{ shareTitle }}&body=Hi%2C%0A%0ACheck%20out%20this%20property%20from%20Shijieproperty%3A%20{{ current_path_url }}%0A%0AThank%20you.">
                                <i class="fa fa-envelope"></i>
                            </a>
                        </li>
                        <li ng-show="isAndroid == false">
                            <a href="mailto:?Subject={{ shareTitle }}&Body=Hi%2C%0A%0ACheck%20out%20this%20useful%20info%20from%20Shijieproperty%3A%20%3Ca%20href%3D%22{{ current_path_url }}%22%3EHere%3C/a%3E%0A%0AThank%20you."><i class="fa fa-envelope"></i></a>
                        </li>


                    </ul>

                    <a class="print-button" href="javascript:window.print();">
                        <i class="fa fa-print"></i>
                    </a>
                </div>


     

              

            </div>
            <!-- END MAIN CONTENT -->
            <!-- BEGIN SIDEBAR -->
            <div class="sidebar gray col-sm-4">

                <!-- BEGIN NEWSLETTER -->
                <form ng-submit="submitForm($event)">
                    <div id="newsletter" class="col-sm-12">
                        <h2 class="section-title">Subscribe our<br><span>Newsletter</span></h2>
                        <div class="input-group">
                            <input ng-model="subscription_email" type="text" placeholder="Enter your E-mail" name="subscription_email" id="email" class="form-control" />
                            <span class="input-group-btn">
                                <button class="btn btn-default-color" type="submit">Subscribe</button>
                            </span>
                        </div>
                    </div>
                </form>


                <iframe width="100%" height="500px" scrolling="no" style="border: none;" src="https://www.opinionstage.com/polls/2409394/poll" frameBorder="0" name="os_frame" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>


                <!-- END NEWSLETTER -->

            </div>
            <!-- END SIDEBAR -->

        </div>
    </div>
</div>
<!-- END CONTENT WRAPPER -->